<!-- 推荐文章 - 性能优化：从6篇减少到3篇 -->
<div class="topGroup" id="topGroup"
     th:with='topGroupPosts = ${postFinder.list(1,3)},
    postRandomImg=${#strings.contains(theme.config.layout.postRandomImg,"?") ? theme.config.layout.postRandomImg+"&" : theme.config.layout.postRandomImg+"?"}'>
    <div class="recent-post-group">
        <div class="recent-post-item" th:each="post,iter : ${topGroupPosts}"
             th:if="${#strings.equals(theme.config.top.BannerRight.recommendPost, 'latest')}">

            <div class="post_cover" th:classappend="${iter.index % 2 == 0 ? 'left_radius' : 'right_radius'}">
                <a th:href="@{${post.status.permalink}}" th:title="${post.spec.title}">
                    <span class="recent-post-top-text"
                          th:attr="onclick='pjax.loadUrl(\''+ @{${post.status.permalink}} +'\')'">荐</span>
                    <img class="post_bg"
                         th:with=' img = ${#strings.isEmpty(post.spec.cover) ? postRandomImg+post.spec.title : thumbnail.gen(post.spec.cover, "s")}'
                         th:alt="${post.spec.title}" th:src="${isLazyload ? loadingImg : img}"
                         th:data-lazy-src="${ isLazyload ? img : ''}" />
                </a>
            </div>
            <div class="recent-post-info">
                <a class="article-title" th:href="@{${post.status.permalink}}" th:text="${post.spec.title}"
                   th:title="${post.spec.title}">
                </a>
            </div>
        </div>
        <!-- 自定义的文章右上角的推荐文章 -->
        <div class="recent-post-item" th:each="cuscomPost,iter : ${theme.config.top.BannerRight.recommendPostCustom}"
             th:if="${#strings.equals(theme.config.top.BannerRight.recommendPost, 'custom') && not #strings.isEmpty(cuscomPost.post) }">
            <th:block th:with="post = ${postFinder.getByName(cuscomPost.post)}">
                <div class="post_cover" th:classappend="${iter.index % 2 == 0 ? 'left_radius' : 'right_radius'}">
                    <a th:href="@{${post.status.permalink}}" th:title="${post.spec.title}">
                        <span class="recent-post-top-text"
                              th:attr="onclick='pjax.loadUrl(\''+ @{${post.status.permalink}} +'\')'">荐</span>
                        <img class="post_bg"
                             th:with='img = ${#strings.isEmpty(post.spec.cover) ? postRandomImg+post.spec.title : thumbnail.gen(post.spec.cover, "s")}'
                             th:alt="${post.spec.title}" th:src="${isLazyload ? loadingImg : img}"
                             th:data-lazy-src="${ isLazyload ? img : ''}" />
                    </a>
                </div>
                <div class="recent-post-info">
                    <a class="article-title" th:href="@{${post.status.permalink}}" th:text="${post.spec.title}"
                       th:title="${post.spec.title}">
                    </a>
                </div>
            </th:block>
        </div>
    </div>

    <!-- 今日推荐 - 已删除以优化性能 -->
</div>